<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>冰晨软件站</title>
    <meta name="keywords" content="资源教学网,QQ技术,QQ技术教程"/>
    <meta name="description" content="资源教学网,QQ技术,QQ技术教程"/>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/common.css"/>
    <link rel="stylesheet" href="/static/css/article_list.css"/>
</head>
<body style=" background: url(/static/images/body.png) center -60px;">
<header id="header">
    <div class="header-top">
        <div class="container header-top-center">
            <div class="header-top-left">
                <span>汇集软件下载，免费分享活动线报</span>
            </div>
            <div class="header-top-right">
                <span>广告投放</span>
            </div>
        </div>
    </div>
    <div class="header-center container">
        <a href="/" class="logo"></a>
        <img src="http://demo.cms.m.malaoshi.cn:3718/content/templates/xiaosou/lib/img/logo.png" alt="">
        </a>
        <img src="http://demo.cms.m.malaoshi.cn:3718/content/templates/xiaosou/lib/img/jpzy.jpg"
             class="logo-right-decation">
        <div class="layui-form search">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="搜索一下"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
    </div>
    <nav class="header-nav">
        <div class="nav-container">
            <ul class="nav-list">
                <li><a class="active" href="#">网站首页</a></li>
                <li><a href="#">软件仓库</a></li>
                <li><a href="#">活动资讯</a></li>
                <li><a href="#">技术教程</a></li>
                <li><a href="#">软件源码</a></li>
                <li><a href="#">网站源码</a></li>
                <li><a href="#">值得一看</a></li>
                <li><a href="#">更多栏目</a></li>
            </ul>
        </div>
    </nav>
</header>
<!--主体-->
<section id="content">
    <div class="container content">
        <div class="left">
            <div class="header">
                <p>当前位置：首页 > 软件仓库</p>
                <hr>
            </div>
            <div class="article-list">
                <div class="article-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/bc03211a-f5df-4566-a1b8-5de2a441f113.jpeg" alt="文章图片">
                    <div class="article-content">
                        <h3>点亮穿越火线QQ图标方法 秒点亮</h3>
                        <span class="article-tag layui-badge layui-bg-gray">QQ技术</span>

                        <p>本次为大家分享的是 点亮穿越火线QQ图标方法 秒点亮 教程...</p>
                        <p class="date">发布时间：2022-10-21</p>
                    </div>
                    <button class="layui-btn layui-btn-primary">立即查看</button>
                </div>

                <div class="article-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/bc03211a-f5df-4566-a1b8-5de2a441f113.jpeg" alt="文章图片">
                    <div class="article-content">
                        <h3>腾讯推出“微小号” 保护手机号和隐私</h3>
                        <span class="article-tag layui-badge layui-bg-gray">QQ技术</span>
                        <p>本次为大家分享的是腾讯推出“微小号” 保护手机号码和隐私 微小号介绍...</p>
                        <p class="date">发布时间：2022-04-01</p>
                    </div>
                    <button class="layui-btn layui-btn-primary">立即查看</button>
                </div>

                <div class="article-item">
                    <img src="http://demo.cms.m.malaoshi.cn:3718/content/uploadfile/data/bc03211a-f5df-4566-a1b8-5de2a441f113.jpeg" alt="文章图片">
                    <div class="article-content">
                        <h3>微信上线新冠病毒疫苗接种预约方法</h3>
                        <span class="article-tag layui-badge layui-bg-gray">QQ技术</span>
                        <p>本次为大家分享的是微信上线新冠病毒疫苗接种预约方法 预约介绍及步骤...</p>
                        <p class="date">发布时间：2022-04-01</p>
                    </div>
                    <button class="layui-btn layui-btn-primary">立即查看</button>
                </div>
            </div>
            <div class="page">
                分页
            </div>
        </div>
        <div class="right">
            <div class="category">
                <div class="title">
                    <span class="icon">#</span>
                    <span>栏目分类</span>
                    <hr>
                </div>
                <div class="content">
                    <button class="layui-btn layui-btn-normal">电脑软件</button>
                    <button class="layui-btn layui-btn-primary">电脑软件</button>
                    <button class="layui-btn layui-btn-primary">电脑软件</button>
                    <button class="layui-btn layui-btn-primary">电脑软件</button>
                    <button class="layui-btn layui-btn-primary">电脑软件</button>
                    <button class="layui-btn layui-btn-primary">电脑软件</button>
                </div>
            </div>
            <!--            排行榜-->
            <div class="charts">
                <div class="title">
                    <span class="icon">#</span>
                    <span>下载排行榜</span>
                    <hr>
                </div>
                <div class="hot-list">
                    <div class="item">
                        <div class="item-number red">1</div>
                        <div class="item-content">
                            <p>透视手机透视频就是把后置摄像头像头作为墙</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number orange">2</div>
                        <div class="item-content">
                            <p>LOL投掷盒子14.19版本免费纯净版，国服</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number blue">3</div>
                        <div class="item-content">
                            <p>网站维护404页面源码CSS本地化</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number green">4</div>
                        <div class="item-content">
                            <p>VideoTrans视频翻译配音v2.60绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">5</div>
                        <div class="item-content">
                            <p>UltraCompare v24.0.0.26绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">6</div>
                        <div class="item-content">
                            <p>CCTV央视影音v6.0.2.0绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">7</div>
                        <div class="item-content">
                            <p>Adobe Animate 2024 v24.0.5.40</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">8</div>
                        <div class="item-content">
                            <p>福昕高级PDF编辑器2024.3.0专业版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">9</div>
                        <div class="item-content">
                            <p>福昕PDF编辑器企业版v13.1.4绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">10</div>
                        <div class="item-content">
                            <p>全能视频下载器（可下网页视频）</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="charts">
                <div class="title">
                    <span class="icon">#</span>
                    <span>文章排行榜</span>
                    <hr>
                </div>
                <div class="hot-list">
                    <div class="item">
                        <div class="item-number red">1</div>
                        <div class="item-content">
                            <p>透视手机透视频就是把后置摄像头像头作为墙</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number orange">2</div>
                        <div class="item-content">
                            <p>LOL投掷盒子14.19版本免费纯净版，国服</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number blue">3</div>
                        <div class="item-content">
                            <p>网站维护404页面源码CSS本地化</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number green">4</div>
                        <div class="item-content">
                            <p>VideoTrans视频翻译配音v2.60绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">5</div>
                        <div class="item-content">
                            <p>UltraCompare v24.0.0.26绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">6</div>
                        <div class="item-content">
                            <p>CCTV央视影音v6.0.2.0绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">7</div>
                        <div class="item-content">
                            <p>Adobe Animate 2024 v24.0.5.40</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">8</div>
                        <div class="item-content">
                            <p>福昕高级PDF编辑器2024.3.0专业版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">9</div>
                        <div class="item-content">
                            <p>福昕PDF编辑器企业版v13.1.4绿色版</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-number grey">10</div>
                        <div class="item-content">
                            <p>全能视频下载器（可下网页视频）</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/common.js"></script>
<script>


</script>
</html>
